Mollee - Fashion Store HTML Template

Showcasing your fashions for the online world gives you a tremendous opportunity to attract a targeted audience and boost your sales. But, launching a professional e-commerce site selling fashion and related items is often challenging and takes a lot of time, knowledge, and effort. However, by using such a modern and sophisticated web template like Mollee, you can start working on your project right away and skip the idea of starting from square one.

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Intro

features

  • Built with HTML5 & CSS3
  • SVG Images.
  • Google Fonts.
  • Easy to customize.
  • Fully Responsive.
  • Clean Code.
  • Free Images.
  • W3 Valid 100%.
  • Browser Compatibility.
  • Fully Customizable.
  • Modern and Creative Design.
  • And much more...

This template contains 18 pages:

  • 1. Home Page.
  • 2. About Page.
  • 3. Shop Page.
  • 4. Product Page.
  • 5. Contact Page.
  • 6. Post Page.
  • 7. Blog Page.
  • 8. FAQ Page.
  • 9. Cart Page.
  • 10. Wishlist Page.
  • 11. Collection Page.
  • 12. My Profile Page.
  • 13. Checkout 1 Page.
  • 14. Checkout 2 Page.
  • 15. Checkout 3 Page.
  • 16. Log In Page.
  • 17. Registration Page.
  • 18. 404 Page.

HTML Structure

All .html files are in the root directory. Separete folders are created for .css, .js files & for images.



Visual Studio Code (download for free). Used to edit the .HTML, .JS, and .CSS files.

  1. <!-- BEGIN: free trial -->
  2. <div class="free-trial">
  3. <div class="container">
  4. <div class="text-contain">
  5. <h3>Are You Ready To Enjoy? Get This Perfect Theme Now!</h3>
  6. <p>It is a long established fact that a reader will be distracted</p>
  7. <div class="button-contain">
  8. <button>Start Trial Free</button>
  9. </div>
  10. </div>
  11. </div>
  12. </div>

If you would like to edit the color, font, or style of any elements in one of these columns, you would do the following :

  1. .text-contain h3 { color: #some_color; }

If you find that your new style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn't a similar style that has more weight.

I.E.

  1. .free-trial .text-contain h3 { color: #some_color; }

So, to ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours.


How to change Logo ?

All icons and images of the project are stored in the "img" folder.






How to change Site Title ?



How to change Site Favicon ?

Place the favicon in the images folder and provide the link:



How to change Image ?




How to change Copyright ?




How to Change Map Code ?

Find your location in google map and insert the coordinates here in the js file(app.js)



Connected Fonts

CSS Files and Structure

How to work with CSS files ?

All .css files are located in the CSS folder. The main.css file is the main style file. If you want to change the styles, you can do so in the main.css file at the very bottom of the file.

JavaScript

JS Files

    Javascript files are located in js folder. Main.js - is the main js file. All other js files are third party scripts, it is not recommended to modify them.

Connected as:


Sources and Credits

I've used the following images or other files as listed :

Template Customization

Installation

  • Open up your FTP manager and connect to your hosting
  • Browse to required directory (Normally public_html)
  • Upload the files inside theface folder.

More about installation:

Go to This Link Click Me

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.